@charset "utf-8";
.head_con_top{ background-color: #c5c5c5; text-align: right; height: .6rem; padding-top: .17rem; box-sizing: border-box;}
.header_link_01,.header_link_02,.header_line>span{ display: inline-block; }
.header_link_01{ font-size: 0rem; margin-right: .16rem;}
.header_link_01 a{ color: #1658a0; border-radius: .06rem; padding: 0rem .1rem;}
.header_link_01 a.btn_base:hover{ -webkit-filter: brightness(100%); filter: brightness(100%); color: #1658a0; border: 1px solid #1658a0; background: #f2f8ff;}
.header_link_02{ margin: 0rem .04rem; font-size: 0rem; line-height: .2rem; position: relative;}
.header_link_02 a{ position: relative; padding: 0rem .12rem; font-size: .14rem; line-height: .2rem;}
.header_link_02 a+a:after{ position: absolute; content: ''; left: 0rem; top: 50%; margin-top: -.07rem; height: .14rem; width: 2px; background-color: #7d7d7d;}
.header_link_02 .mzt_ewm{position: absolute;right: -.3rem;top: .32rem;display: none;background-color: #ffffff;box-shadow: 0 0 5px rgba(0,0,0,.2);padding: .12rem;z-index: 100;width: 1.4rem;text-align: center;border-radius: .04rem;}
.header_link_02 .mzt_ewm::before{ content: ''; width: 0; height: 0; left: 50%; transform:translateX(-50%) rotate(-45deg); top: -5px; position: absolute; border-right: 10px solid #ffffff; border-bottom: 10px solid transparent; }
.header_link_02 .mzt_ewm p{ font-size: .12rem; text-align: center; margin-top: .1rem;}
.header_link_02 .mzt_ewm img,.header_link_02 .mzt_ewm canvas{ max-width: 1rem; max-height:1rem}
.header_link_02 a:hover+.mzt_ewm{ display: block;}
.header_link_02 .btn_base{line-height: .18rem;}
.head_con_top .header_link_02+span{ padding:.01rem .1rem .03rem .1rem; border: 1px solid #666666; color: #666; border-radius: .12rem; font-size: .12rem; float: right; margin-left: .9rem;}

.head_con_logo{padding: .3rem 0; background-color: #fff;}
.logo{display: inline-block;}
.search_area{ max-width: 4.2rem;float: right; width: 50%;}
.search_area .input_select{ position: relative; border: 1px solid #d2d2d2; border-radius: .04rem; overflow: hidden; line-height: .6rem;}
.search_area .input_select i{font-size: .2rem; float: left;margin-left: .1rem;}
.search_area .input_select input.input_inner{float: left; width: calc(100% - 1.4rem); height:.6rem; border: none; color: #bbb; padding-left: .1rem;}
.input_group_append_01{ background-color: #7a7a7a; width: 1rem; color: #fff; margin: -1px;float:right; position: relative;text-align: center; border-radius: .04rem;}
.input_group_append_01 .btn_default:hover{ background-color: transparent;color: #fff; border-color: transparent;}

.header_menu{background-color:#bb1520; position: relative;}
.menu_base:after{ visibility: hidden; display: block; font-size: 0rem; content: " "; clear: both; height: 0rem;}
.menu_base ul{text-align:center; font-size: 0rem;}
.menu_base li{display: inline-block;width: 16.2857%;overflow: hidden;}
.menu_base.menu_horizontal .menu_item{ float: inherit;}
.menu_base li:first-child{ margin-left: 0rem;}
.menu_base li a{padding: .1rem 0rem .1rem 0rem;line-height: .4rem;font-size: .24rem;display: block;position: relative; color: #fff;}
.menu_base li.on a{ color: #ffe898;font-weight: bold;}
.menu_base li a:hover{ text-decoration: none;color: #ffe898;font-weight: bold;}
.header_menu .submenu{background-color: #fff; box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);font-size: .18rem; color: #ffffff; position: absolute; left: 0rem; right: 0rem; top:.6rem;z-index:99; }
.submenu .trt-row{ padding:.1rem 0rem;}
.submenu .trt-row .trt-col-16{ border-right: 1px solid #333;}
.submenu .trt-row .trt-col-16 p{ line-height: .3rem;}
.submenu .trt-row .trt-col-16 p span{ display: inline-block; margin-right: .2rem; font-weight: bold;}
.submenu a{ color: #000; display: inline-block; font-weight: bold; margin: 0rem .1rem;}
.submenu a:hover{color: #bb1520;}
.submenu .trt-row .trt-col-16 p a{ font-weight: normal; margin-right: .12rem;}
.submenu .trt-col-8{ padding-left: .3rem; line-height: .3rem;}
.submenu .trt-col-8 a{ width:calc(33.3% - .2rem); float: left;}
.submenu .row{ display: none; text-align: center;}
.submenu .row:first-child{ text-align: left;}
.submenu .row>a,.submenu .row>div>a{ line-height:.6rem; padding: .1rem 0rem;}


.slb .menu_base{margin-top: .2rem;}
.slb .menu_base ul{ padding-top: .1rem; text-align: left;}
.slb .menu_right>ul{ float:inherit;}
.slb .menu_base li:last-child{ margin-right: 0rem;}
.slb .menu_base li a{ padding:0rem;}
.slb .menu_base li{width:15.3%;}
.slb .menu_base li:first-child{width: 8.2%;}
.slb .submenu{ top: 1.2rem;}
.slb .menu_base>ul>li a:before{ bottom: -.16rem;}
.slb .submenu .trt-col-8{padding-left: 0rem;}
.slb .submenu .trt-col-8 a{ width: auto;}
.slb .submenu .row{ padding: .1rem 0rem;}
.slb .submenu .row:first-child,.slb .submenu .row:last-child{ padding: 0rem;}
.slb .submenu .row>div>a{ line-height:.3rem; padding: 0rem;}
.slb .menu_base li{padding-bottom:.06rem; margin-left: 0rem;}
.slb .submenu .trt-row .trt-col-16{ border-right: none; border-bottom: 1px solid #ffffff; padding-bottom: .1rem;}
.slb .submenu .row{ min-height: .8rem;}
.slb .submenu .row:first-child{ min-height: 0rem;}
@media screen and (max-width:1440px) {
	.slb .header_link_01{clear: both;margin-bottom: .1rem;}
	.slb .submenu{ top: 1.2rem;}
	.slb .menu_base{ margin-top:0rem}
	.slb .menu_base ul{ padding-top:0rem; display: flex; white-space: nowrap; overflow-x: auto;}
	.slb .menu_base li{min-width:1.2rem;}
}
@media screen and (max-width:1280px) {
	.header_link_01{ margin-right: .1rem;}
	.header_link_02{ margin: 0rem;}
}
@media screen and (max-width:1100px) {
	.submenu .row>a{ line-height:.6rem; margin: 0rem .04rem;}
}

@media screen and (max-width:992px) {
	.menu_base{ position: relative;}
	.menu_base:after{ content: ''; width: .3rem; position: absolute; right:.1rem; top: 0rem; bottom: 0rem; background:linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));;}
	.menu_base ul{ text-align: left; white-space: nowrap; overflow-x: auto; padding-top: 0rem;}
	.menu_base ul::-webkit-scrollbar{ display: none;}
	.menu_base li{ float: inherit; display: inline-block; min-width: 1.05rem; margin:0rem .05rem 0rem 0rem; padding-bottom: 0rem;}
	.menu_base li:first-child{min-width: .7rem;text-align: center;}
	.menu_base li a{padding:.05rem 0rem;font-size: .2rem;}
	.menu_base>ul>li.parentNode a:hover:before,.menu_base>ul>li.parentNode.on a:before{ display: none;}
	.submenu{ display: none !important;}
	.slb .menu_base ul{ padding-left: .08rem;}
	.slb .menu_base{ margin-top: 0rem;}
	.slb .menu_base li a{ padding: 0rem;}
	.slb .menu_base li,.slb .header.fixed .menu_base li{ margin-left:0rem;}
	.slb .menu_base>ul>li a:hover:before{ display: none;}


	.search_area{float:inherit; width: 100%; max-width: 100%; margin-top: .2rem;}
}
@media screen and (max-width:768px) {
}
@media screen and (max-width:374px) {
	.logo>img{ margin-right:.1rem;}
	.slb .logo>img{width: .35rem;}
	.slb .logo a img{}
}